<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta name="format-detection" content="telephone=no" />
    <script>
	    var html = document.getElementsByTagName('html')[0];
	    html.style.fontSize = html.clientWidth / 3.75 + "px";
    </script>
    <title>农庄黄页</title>
    <link rel="stylesheet" href="../static/css/Reset.css">
    <link rel="stylesheet" href="../static/css/yellowPage_list.css" />
</head>
<body>
	<div class="fq_container">
		<div class="list_header">
			<div class="s_con" id="goSearch">
				<img src="../static/images/search.png"/>
				<em>意大利小镇</em>
			</div>
			<div class="fq_diyButton">
				<p class="fq_diyStart fq_active"><i class="fq_border">全部农庄</i></p>
				<p class="fq_diyStart"><i>附近农庄</i></p>
				<p class="fq_diyStart"><i>种植农庄</i></p>
				<p class="fq_diyStart"><i>休闲农庄</i></p>
			</div>
		</div>
		<div class="products">
			<div class="fq_main_0 fq_selected" id="allFarm"></div>
			<div class="fq_main_0" id="nearbyFarm"></div>
			<div class="fq_main_0" id="plantFarm"></div>
			<div class="fq_main_0" id="lookFarm"></div>
		</div>
		<!--loading-->
		<div class="loading_modal">
			<img src="http://static.sheyuan.com/FrontEnd/test/wx3.0/images/loading.gif">
			<p>正在加载···</p>
		</div>
	</div>
</body>
	<script src="https://api.map.baidu.com/api?v=2.0&ak=HuWMDRmExUdhWoXsVSnBgqdvtWzhgfDY&s=1"></script>
	<script type="text/javascript" src="../libs/jquery.min.js"></script>
    <script type="text/javascript" src="../libs/fastclick.min.js"></script>
    <script type="text/javascript" src="../libs/vue/vue.min.js"></script>
	<script type="text/javascript" src="../libs/vue/vue-resource.min.js"></script>
    <script type="text/javascript" src="../libs/underscore.js"></script>
    <script type="text/javascript" src="../libs/underscore.extend.js"></script>
    <script type="text/javascript" src="../libs/require.js"></script>
    <script type="text/javascript" src="../libs/var.js"></script>
    <script type="text/javascript" src="../libs/common.js"></script>
	<!--全部农庄tmp-->
	<script type="text/template" id="allFarmTmp">
		<% for(var i = 0; i < tem.length; i++) {%>
		<div class="wz_newLi11" key="<%= tem[i].id%>">
			<div class="wz_newLiL">
				<img src="<%= tem[i].coverPic%>" alt="">
			</div>
			<div class="wz_newLiR">
				<div class="wz_newLiRLine1"><%= tem[i].name %></div>
				<div class="wz_newLiRLine2">
					<span class="wz_newLiRLine2Icon"></span>
					<span class="wz_newLiRLine2Positon"><%= tem[i].area%></span>
					<span class="wz_newLiRLine2Distance"><%= tem[i].distance%>km</span>
				</div>
				<div class="wz_newLiRLine3"><%= tem[i].recReason%></div>
				<div class="wz_newLiRLine4">
					<% var tags = tem[i].tags %>
					<% _.each(tags, function(n){ %>
						<span class="wz_label"><%= n %></span>
					<% }); %>
				</div>
			</div>
		</div>
		<%}%>
	</script>
	<!--附近农庄tmp-->
	<script type="text/template" id="nearbyFarmTmp">
		<% for(var i = 0; i < tem.length; i++) {%>
		<div class="wz_newLi22" key="<%= tem[i].id%>">
			<div class="wz_newLiL">
				<img src="<%= tem[i].coverPic%>" alt="">
			</div>
			<div class="wz_newLiR">
				<div class="wz_newLiRLine1"><%= tem[i].name %></div>
				<div class="wz_newLiRLine2">
					<span class="wz_newLiRLine2Icon"></span>
					<span class="wz_newLiRLine2Positon"><%= tem[i].area%></span>
					<span class="wz_newLiRLine2Distance"><%= tem[i].distance%>km</span>
				</div>
				<div class="wz_newLiRLine3"><%= tem[i].recReason%></div>
				<div class="wz_newLiRLine4">
					<% var tags = tem[i].tags %>
					<% _.each(tags, function(n){ %>
						<span class="wz_label"><%= n %></span>
					<% }); %>
				</div>
			</div>
		</div>
		<%}%>
	</script>
	<!--种植农庄tmp-->
	<script type="text/template" id="plantFarmTmp">
		<% for(var i = 0; i < tem.length; i++) {%>
		<div class="wz_newLi33" key="<%= tem[i].id%>">
			<div class="wz_newLiL">
				<img src="<%= tem[i].coverPic%>" alt="">
			</div>
			<div class="wz_newLiR">
				<div class="wz_newLiRLine1"><%= tem[i].name %></div>
				<div class="wz_newLiRLine2">
					<span class="wz_newLiRLine2Icon"></span>
					<span class="wz_newLiRLine2Positon"><%= tem[i].area%></span>
					<span class="wz_newLiRLine2Distance"><%= tem[i].distance%>km</span>
				</div>
				<div class="wz_newLiRLine3"><%= tem[i].recReason%></div>
				<div class="wz_newLiRLine4">
					<% var tags = tem[i].tags %>
					<% _.each(tags, function(n){ %>
						<span class="wz_label"><%= n %></span>
					<% }); %>
				</div>
			</div>
		</div>
		<%}%>
	</script>
	<!--休闲农庄tmp-->
	<script type="text/template" id="lookFarmTmp">
		<% for(var i = 0; i < tem.length; i++) {%>
		<div class="wz_newLi44" key="<%= tem[i].id%>">
			<div class="wz_newLiL">
				<img src="<%= tem[i].coverPic%>" alt="">
			</div>
			<div class="wz_newLiR">
				<div class="wz_newLiRLine1"><%= tem[i].name %></div>
				<div class="wz_newLiRLine2">
					<span class="wz_newLiRLine2Icon"></span>
					<span class="wz_newLiRLine2Positon"><%= tem[i].area%></span>
					<span class="wz_newLiRLine2Distance"><%= tem[i].distance%>km</span>
				</div>
				<div class="wz_newLiRLine3"><%= tem[i].recReason%></div>
				<div class="wz_newLiRLine4">
					<% var tags = tem[i].tags %>
					<% _.each(tags, function(n){ %>
						<span class="wz_label"><%= n %></span>
					<% }); %>
				</div>
			</div>
		</div>
		<%}%>
	</script>
	<script type="text/javascript" src="./js/yellowPage_list.js"></script>
</html>